<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    /* div {
        border: 1px dotted brown;
        width: 500px;
        height: 100px;
    }  */
    span {
        /* border: brown dotted 2px; */
        border-color: aquamarine;
        border-style: dashed;
        border-width: 5px;
        display: block;
        width: 100px;
        height: 80px;
    }
    ul a {
        border-color: black;
        border-width: 5px;
        border-style: inset double dotted dashed;
    }
    ol li {
        border-style: dashed;
        border-color: black;
       /* border-top-width: 5px;
       border-bottom-width: 10px;
       border-left-width: 15px;
       border-right-width: 20px; */
       border-width: 5px 1px 15px;
    }
      div {
         border-width: 5px;
        border-style: dotted;
         /* border-top-color: aquamarine;
        border-right-color: black;
        border-bottom-color: blue;
        border-left-color: brown;   */
         border-color: red blue green yellow;
      }

    </style>
</head>
<body>
    <div>111</div>
    <div>222</div>
    <div>333</div>
    <span>222555</span>
     <ul>
        <li>我是li11</li>
        <li>我是li22</li>
        <li><a href="#">超链接02</a></li>
    </ul>
    <ol>
        <li>我是li33</li>
        <li>我是li44</li>
        <li><a href="#">超链接04</a></li>
        <li><a href="#">超链接05</a></li>
    </ol>
</body>
</html>